<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   
    <script src="../../scripts/boot.js" type="text/javascript">
        function check(frm) {
            console.log("frm")
            console.log(typeof frm)
            //所有的标签（html、xml）在js世界都是一个个对象
            var fpemail = frm.acname.value;
      
            if (fpemail == "") {
                alert("邮箱不能为空")
                return false;
            }
            return true;
        }
    </script>
</head>
<!--<body style="background-image: url('sourse/log.jpg');background-size: 100%">-->
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            
            <form id="form1" role="form" action="javascript:void(0)"    style="position: absolute;left: 40%;top: 40%;">
            <h3 id="info" style="color:#000000">个人信息</h3>
            <table>
            <tr>
           		<td>
           			<label for="username">用戶姓名</label>
           		</td>
                <td>    
                	<input style="height: 25px;margin-left:10px;padding-left: 10px;" type="text" 
                		class="mini-textbox" id="username" name="username" placeholder="请输入顾客"/> 
                </td>
            </tr>   

            <tr>           
                <td> 
                	<label for="phone">用戶电话</label> </td>
                </td>   
                <td>
                	<input style="height: 25px;margin-left:10px;padding-left: 10px;" type="text" 
                		class="mini-textbox" id="phone" name="phone" placeholder="请输入电话"/>     
                </td>
            </tr>

            </table>
            <div style="text-align: center; padding: 10px;">
				<a class="mini-button" onclick="edit()"
					style="width: 60px; margin-right: 20px;">修改</a>

			</div>
			
            </form>
        </div>
    </div>
</div>
</body>
</html>

<script>
	//class="mini-textbox" 和 setData配合使用
    var httpreq=null;
    var ts = document.getElementById("ts")
    // var jsonString = localStorage.getItem('usertype'); // 假设localStorage的键是myJsonData
    // console.log(jsonString); // 使用解析后的JSON数据
    // if (jsonString) {
    //     try {
    //         var usertype = JSON.parse(jsonString);
    //         console.log(jsonData); // 使用解析后的JSON数据
    //     } catch (error) {
    //         console.error('解析JSON时出错:', error);
    //     }
    // } else {
    //     console.log('localStorage中未找到数据');
    // }
    // console.log(usertype)
    // $.ajax({
    //     url: "../../logintype",
    //      success: function (usertype) {
    //         // var menutext="data/menu"+usertype+".txt";
    //         $.ajax({
    //             // url: menutext,
    //             success: function (text) {
    //                 // var data = mini.decode(text);
    //                 console.log(usertype)
    //             }
    //         })
    //     }
    // })
    function edit() {
    var form = new mini.Form("form1");// new  FormData()

    //正常做法
    /* var username=$("#username").val()//jquery
    var phone=document.getElementById("phone").value//原生的做法
    var fpemail=$("#fpemail").val()//jquery */
        var o = form.getData();

    // //miniUi做法
    var username=mini.get("username").getValue()
    var phone=mini.get("phone").getValue()
    // var email=mini.get("email").getValue()
        if(username==""||phone=="") {
            ts.innerHTML="用户名或密码不能为空"
            return
        }

           $.ajax({
              url:"../../customer/update",
              type:'post',
              contentType: 'application/json',//新

              data: JSON.stringify(o),
              success: function (text) {
                  console.log(text)
                  if (text.indexOf("OK")>-1) {
                      alert("OK")
                  } else {
                      alert("FAIL")
                  }
                  //显示数据操作
                  // cname=text.subString(0)
                  /*   text jsString
                    setData 是json */
                  //text=JSON.parse(text)
                  // form.setData(text);

              },
              error: function () {
              }
          })


	}
    function message() {
        var form = new mini.Form("form1");// new  FormData()

            $.ajax({
                url: "../../barber/getinfo",
                // data:{method:"getinfo"},
                success: function (text) {
                    console.log(text)

                    form.setData(text);

                },
                error: function () {
                }
            })

    }
    
 	// 页面加载完成后调用 getInfo 函数  
    $(document).ready(function() {  
       message()
   	});
	
    

    // function forgetpwd() {
    //     var fpemail = document.getElementById("email").value;
    //
    //     getSelectedValue()
    //     console.log(u)
    //
    //     if(u==undefined) {
    //         ts.innerHTML="请选择您的身份"
    //         return
    //     }
    //
    //     if(fpemail=="") {
    //         ts.innerHTML="用户名或密码不能为空"
    //         return
    //     }
    //     console.log(fpemail)
    //
    //     //ajex :google创新的一种应用
    //     //asynchronous javascript and xml【返回数据格式，刚推出时使用较多，现在几乎都使用json格式】
    //     if (httpreq==null) {
    //         httpreq=new XMLHttpRequest()
    //         httpreq.onreadystatechange=function () {
    //             if (httpreq.readyState==4&&httpreq.status==200) {
    //                 //弹出请求返回的数据
    //                 var res=httpreq.responseText;
    //                 if(res.indexOf("FAIL")!=-1){
    //                     ts.innerHTML="该邮箱未注册，请重试"
    //                 }else{
    //                     ts.innerHTML="密码已发送至您的邮箱，请注意查收！"
    //                     console.log(res)
    //                     //setTimeout("window.location.href='login.html',5000")
    //                     // alert(httpreq.responseText)
    //                 }
    //
    //             }
    //         }
    //     }
    //     if(u=='admin'){
    //         console.log(u)
    //         httpreq.open("get","adminaction?method=forgetpwd&fpemail="+fpemail)//默认异步
    //     }else if (u=='customer'){
    //         console.log(u)
    //         httpreq.open("get","customer/forgetpwd&fpemail="+fpemail)//默认异步
    //     } else {
    //         alert("error")
    //     }
    //
    //     httpreq.send()
    // }
  </script>